<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>更新日志 - Layui 文档</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script>;!function(){self!==parent&&(location.href="about:blank")}();</script>
  <link href="/public/layui/v/2.8.6/css/layui.css" rel="stylesheet">
  <link href="/public/static/dist/docs/2.8/css/global.css?v=16" rel="stylesheet">
  <script>
  (function(){if(window.JSON&&window.JSON.parse){var c=document.getElementsByTagName("head"),a=document.createElement("link");try{var b=JSON.parse(localStorage.layui)}catch(d){b={}}"dark"===b.themeMode&&(a.href="//res.sentcss.com/static/dist/docs/2.8/css/layui-theme-dark.css?v=16",a.rel="stylesheet",a.id="layuicss-theme-dark",c[0].appendChild(a))}})();
  </script>
</head>
<body>
<div class="layui-header ws-header ws-bg-light">
  <div class="layui-container">
    <div class="ws-logo">
      <a class="logo" href="../../index.html">
        <img src="/public/static/images/layui/logo.png" alt="layui">
      </a>
    </div>
    <div class="ws-header-assist">
      <div class="layui-form layui-hide-xs ws-search" lay-filter="LAY-ws-header-component"></div>
      <div class="layui-hide-xs ws-notice"></div>
    </div>
    
    <div class="ws-header-menu">
      <ul class="layui-nav layui-bg-gray ws-bg-light" id="LAY_NAV_TOP">
        <li class="layui-nav-item" data-dir="docs">
          <a href="index.html">组件</a> 
        </li>
        <li class="layui-nav-item" data-dir="notes">
          <a href="../../notes/index.html">笔记</a> 
        </li>
        <li class="layui-nav-item layui-hide-xs">
          <a href="https://gitee.com/layui/layui/issues" target="_blank" rel="nofollow">社区</a>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">
            <!--<span class="layui-badge-dot" style="left:0; right: auto; margin: -4px 0 0 5px;"></span>--> 
            生态
          </a>
          <dl class="layui-nav-child layui-nav-child-r" style="margin-right: -21px;">  
            <dd class="layui-hide-sm layui-show-xs" lay-unselect>
              <a href="https://gitee.com/layui/layui/issues" target="_blank" rel="nofollow">社区</a>
              <hr>
            </dd>
            <dd lay-unselect>
              <a href="https://dev.layuion.com/extend/" target="_blank">Layui 第三方扩展组件</a>
            </dd>
            <dd lay-unselect>
              <a href="https://github.com/Sight-wcg/layui-theme-dark" target="_blank" lay-unselect>
                Layui 深色主题 <span>(社区贡献)</span>
              </a>
            </dd>
            <dd lay-unselect>
              <a href="https://gitee.com/layui/layui-vue/" target="_blank" lay-unselect>
                Layui of Vue <span>(他人实现)</span>
              </a>
            </dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">2.8.6</a>
          <dl class="layui-nav-child layui-nav-child-c">  
            <dd lay-unselect class="layui-this"><a href="../../index.html">2.8.6</a></dd>
            <dd lay-unselect><a href="../../2.7/index.html">2.7.6</a></dd>
          </dl>
        </li>
      </ul>
      <div class="ws-header-more">
        <i class="layui-icon layui-icon-shrink-right"></i>
      </div>
      <div class="ws-header-tool ws-bg-light">
        <div class="layui-form ws-header-theme" lay-filter="header-theme">
          <input type="checkbox" name="theme-mode" id="ID-header-theme-mode" lay-filter="header-theme-mode" lay-skin="switch">
          <div lay-checkbox>
            <i class="layui-icon layui-icon-moon"></i> | 
            <i class="layui-icon layui-icon-light"></i>
          </div>
        </div>
        <div>
          <a href="https://github.com/layui/layui" target="_blank" title="Github">
            <i class="layui-icon layui-icon-github layui-font-20"></i>
          </a>
        </div>
        <div>
          <a href="https://gitee.com/layui/layui" target="_blank" title="Gitee">
            <i class="layui-icon layui-icon-gitee layui-font-20" style="color: #C71D23;"></i>
            <!--<img src="https://gitee.com/static/images/logo-en.svg" width="21">-->
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 让 IE8/9 兼容响应式栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
 
<div class="layui-container ws-container">
  
<div class="layui-panel ws-menu">
  <ul class="layui-menu layui-menu-lg ws-docs-menu">
    <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: true}">
      <div class="layui-menu-body-title">基础</div>
      <ul>
        <li>
          <div class="layui-menu-body-title">
            <a href="index.html">
              <span>开始使用</span> 
              <span class="layui-font-12 layui-font-gray">Getting Started</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="base.html">
              <span>底层方法</span>
              <span class="layui-font-12 layui-font-gray">Base Function</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="modules.html">
              <span>模块系统</span>
              <span class="layui-font-12 layui-font-gray">Modules</span>
              <span class="layui-badge-dot layui-bg-green"></span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="versions.html">
              <span>更新日志</span>
              <span class="layui-font-12 layui-font-gray">Versions</span>
              <span class="layui-badge-dot"></span>
            </a>
          </div>
        </li>
      </ul>
    </li>
    <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: true}">
      <div class="layui-menu-body-title">布局</div>
      <ul>
        <li>
          <div class="layui-menu-body-title">
            <a href="layout/index.html">
              <span>框体</span>
              <span class="layui-font-12 layui-font-gray">Layout</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="layout/grid.html">
              <span>栅格</span>
              <span class="layui-font-12 layui-font-gray">Grid</span>
            </a>
          </div>
        </li>
      </ul>
    </li>
    <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: true}">
      <div class="layui-menu-body-title">通用</div>
      <ul>
        <li>
          <div class="layui-menu-body-title">
            <a href="color/index.html">
              <span>颜色</span>
              <span class="layui-font-12 layui-font-gray">Color</span>
              <span class="layui-badge-dot layui-bg-green"></span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="button/index.html">
              <span>按钮</span>
              <span class="layui-font-12 layui-font-gray">Button</span>
              <span class="layui-badge-dot layui-bg-green"></span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="icon/index.html">
              <span>图标</span>
              <span class="layui-font-12 layui-font-gray">Icon</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="anim/index.html">
              <span>动画</span>
              <span class="layui-font-12 layui-font-gray">Anim</span>
            </a>
          </div>
        </li>
      </ul>
    </li>
    <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: true}">
      <div class="layui-menu-body-title">表单</div>
      <ul>
        <li>
          <div class="layui-menu-body-title">
            <a href="form/index.html">
              <span>表单组件</span>
              <span class="layui-font-12 layui-font-gray">Form</span>
              <span class="layui-badge-dot layui-bg-green"></span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="form/input.html">
              <span>输入框</span>
              <span class="layui-font-12 layui-font-gray">Input / Textarea</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="form/select.html">
              <span>选择框</span>
              <span class="layui-font-12 layui-font-gray">Select</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="form/checkbox.html">
              <span>复选框</span>
              <span class="layui-font-12 layui-font-gray">Checkbox</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="form/radio.html">
              <span>单选框</span>
              <span class="layui-font-12 layui-font-gray">Radio</span>
            </a>
          </div>
        </li>
      </ul>
    </li>
    <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: true}">
      <div class="layui-menu-body-title">展示</div>
      <ul>
        <li>
          <div class="layui-menu-body-title">
            <a href="table/index.html">
              <span>表格</span>
              <span class="layui-font-12 layui-font-gray">Table</span>
              <span class="layui-badge-dot layui-bg-green"></span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="laypage/index.html">
              <span>分页</span>
              <span class="layui-font-12 layui-font-gray">Laypage</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="treeTable/index.html">
              <span>树形表格</span>
              <span class="layui-font-12 layui-font-gray">TreeTable</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="nav/index.html">
              <span>导航菜单</span>
              <span class="layui-font-12 layui-font-gray">Nav</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="menu/index.html">
              <span>基础菜单</span>
              <span class="layui-font-12 layui-font-gray">Menu</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="tab/index.html">
              <span>选项卡</span>
              <span class="layui-font-12 layui-font-gray">Tab</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="badge/index.html">
              <span>徽章</span>
              <span class="layui-font-12 layui-font-gray">Badge</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="auxiliar/index.html">
              <span>辅助</span>
              <span class="layui-font-12 layui-font-gray">Blockquote / Fieldset / hr</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="class/index.html">
              <span>公共类</span>
              <span class="layui-font-12 layui-font-gray">Class</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="panel/index.html">
              <span>面板</span>
              <span class="layui-font-12 layui-font-gray">Panel / Card / Collapse</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="progress/index.html">
              <span>进度条</span>
              <span class="layui-font-12 layui-font-gray">Progress</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="timeline/index.html">
              <span>时间线</span>
              <span class="layui-font-12 layui-font-gray">Timeline</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="fixbar/index.html">
              <span>固定条</span>
              <span class="layui-font-12 layui-font-gray">Fixbar</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="tree/index.html">
              <span>树组件</span>
              <span class="layui-font-12 layui-font-gray">Tree</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="carousel/index.html">
              <span>轮播</span>
              <span class="layui-font-12 layui-font-gray">Carousel</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="flow/index.html">
              <span>流加载</span>
              <span class="layui-font-12 layui-font-gray">Flow</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="code/index.html">
              <span>代码预览组件</span>
              <span class="layui-font-12 layui-font-gray">Code</span>
            </a>
          </div>
        </li>
      </ul>
    </li>
    <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: true}">
      <div class="layui-menu-body-title">交互</div>
      <ul>
        <li>
          <div class="layui-menu-body-title">
            <a href="layer/index.html">
              <span>弹出层</span>
              <span class="layui-font-12 layui-font-gray">Layer</span>
              <span class="layui-badge-dot layui-bg-green"></span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="laydate/index.html">
              <span>日期与时间选择</span>
              <span class="layui-font-12 layui-font-gray">Laydate</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="upload/index.html">
              <span>上传</span>
              <span class="layui-font-12 layui-font-gray">Upload</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="dropdown/index.html">
              <span>下拉菜单</span>
              <span class="layui-font-12 layui-font-gray">Dropdown</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="colorpicker/index.html">
              <span>颜色选择器</span>
              <span class="layui-font-12 layui-font-gray">Colorpicker</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="transfer/index.html">
              <span>穿梭框</span>
              <span class="layui-font-12 layui-font-gray">Transfer</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="slider/index.html">
              <span>滑块</span>
              <span class="layui-font-12 layui-font-gray">Slider</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="rate/index.html">
              <span>评分</span>
              <span class="layui-font-12 layui-font-gray">Rate</span>
            </a>
          </div>
        </li>
      </ul>
    </li>
    <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: true}">
      <div class="layui-menu-body-title">其他</div>
      <ul>
        <li>
          <div class="layui-menu-body-title">
            <a href="laytpl/index.html">
              <span>模板引擎</span>
              <span class="layui-font-12 layui-font-gray">Laytpl</span>
            </a>
          </div>
        </li>
        <li>
          <div class="layui-menu-body-title">
            <a href="util/index.html">
              <span>工具模块</span>
              <span class="layui-font-12 layui-font-gray">Util</span>
            </a>
          </div>
        </li>
      </ul>
    </li>
    
  </ul>
</div>

  <div class="ws-content">
    <div class="layui-text ws-text" id="WS-text">
      <h1>更新日志</h1>
<h2 class="layui-hide" lay-toc="{href: '/docs/2.8/versions.html', title: '2.8.x', hot: true}">
  2.8.x
</h2>
<blockquote class="layui-elem-quote">
<p>导读：📑 <a href="../../notes/2.8/upgrade-guide.html">Layui 2.8 《升级指南》</a> · 📑 <a href="../../notes/2.8/news.html">Layui 新版文档站上线初衷</a></p>
</blockquote class="layui-elem-quote">
<h2 id="2.8.6" class="ws-anchor">
  2.8.6 
  <span class="layui-badge-rim">2023-06-08</span>
</h2>
<ul>
<li>
<h4>table</h4>
<ul>
<li>新增 <code>table.renderData(id)</code> 方法，用于重新渲染数据，可搭配 <code>table.cache</code> 使用 # 1273</li>
<li>修复 <code>table.hideCol(id, cols)</code> 第二个参数为普通对象时的异常问题 # 1270/I7AAUN</li>
<li>修复 多级表头在某些缩放比例的情况下出现表头跟表体错位问题 # 1273/I7A33T</li>
<li>修复 <code>table.getTrHtml()</code> 方法 <code>tr</code> 节点代码中的 <code>numbers</code> 列信息错误问题</li>
<li>优化 <code>table setRowChecked()</code> 方法中标注当前选中行样式的判断逻辑 # 1273</li>
</ul>
</li>
<li>
<h4>treeTable</h4>
<ul>
<li>修复 <code>treeTable.expandAll()</code> 展开全部之后节点的折叠状态没有记忆的问题 # 1273</li>
<li>修复 无主键的树表 reloadData 之后节点被展开的问题 # 1273</li>
<li>修复 部分情况下父节点展开之后子节点中的单选复选列和其他表单元素没有渲染的问题 1273/I7AWNV</li>
<li>修复 初始化无数据时出现的数据报错的问题 # 1273</li>
</ul>
</li>
<li>
<h4>tab</h4>
<ul>
<li>修复 删除选项卡时，若标题栏存在其他元素，下标获取异常的问题 # 1271/I7AO7F</li>
<li>优化 <code>element.tabAdd()</code> 方法，第二个参数中新增 <code>change</code> 属性支持，以支持添加即自动切换功能</li>
<li>优化 折叠功能，切换选项时不自动折叠选项卡，且添加选项时若处于折叠状态则自动展开 # I79HUD</li>
</ul>
</li>
<li>
<h4>util</h4>
<ul>
<li>修复 fixbar 中添加了无效样式问题 # I79JTH</li>
</ul>
</li>
</ul>
<h3>下载： <a href="https://gitee.com/layui/layui/attach_files/1432770/download">layui-v2.8.6.zip</a></h3>
<hr>
<p>因 <code>2.8.5</code> 版本中存在一个 tab 删除时下标的异常问题，<code>2.8.5</code> 已被跳过。</p>
<hr>
<h2 id="2.8.4" class="ws-anchor">
  2.8.4 
  <span class="layui-badge-rim">2023-05-30</span>
</h2>
<ul>
<li>
<h4>form</h4>
<ul>
<li>新增 <code>verIncludelRequired</code> 全局属性，用于设置验证规则中是否同时包含必填 # I737EW</li>
<li>修复 checkbox 开关标题和半选图标未垂直居中的问题 # 1255</li>
<li>修复 checkbox 在初始设置半选时，点击复选框时图标未恢复成非半选状态的问题</li>
<li>修复 checkbox 被重新渲染时，标题模版未正确获取的问题 # 1257</li>
<li>修复 select 经浏览器翻译成别的语言后，点击选项出现的显示异常问题 # 1256</li>
<li>优化 checkbox 元素的 <code>lay-skin</code> ，当设置非内置风格时，不再强制显示为默认风格</li>
</ul>
</li>
<li>
<h4>table</h4>
<ul>
<li>新增 对 table 内元素的 <code>lay-unrow</code> 属性的识别，点击该元素时，可阻止执行 <code>row</code> 行单击事件</li>
<li>修复 <code>table.setRowChecked()</code> 方法导致 <code>checkbox,radio</code> 事件失效的问题 # I73MLV/I76KBX/I78VI3</li>
<li>修复 打印功能在 Edge 中可能出现的闪退问题 # 1264</li>
<li>优化 <code>table.setRowChecked()</code> 方法，若未传 <code>checked</code> 属性，则自动对 <code>checkbox</code> 进行选中状态值切换</li>
<li>优化 <code>row</code> 事件机制，若目标元素为 <code>checkbox,radio</code>，则不触发 <code>row</code> 事件</li>
<li>优化 外层容器的高度，不再设置一个固定值，内部元素将根据 <code>height</code> 属性值自动撑满</li>
<li>优化 底部边框问题</li>
</ul>
</li>
<li>
<h4>treeTable</h4>
<ul>
<li>新增 节点折叠状态记忆功能 # 1260/I777CJ</li>
<li>新增 <code>customName.icon</code> 属性，用于自定义图标的属性名称 # 1260/I73BQU</li>
<li>新增 <code>async.format</code> 回调函数，用于处理异步子节点数据，优先级高于 <code>async.url</code> # 1260</li>
<li>新增 <code>treeTable.reloadAsyncNode(id, index)</code> 方法，用于重载异步子节点 # 1260</li>
<li>新增 <code>treeTable.getNodeById(id)</code> 方法，用于获取节点信息集 # 1260</li>
<li>新增 <code>treeTable.getNodesByFilter(id, filter, opts)</code> 方法，用于获取符合过滤规则的节点信息集 # 1260</li>
<li>修复 <code>isSimpleData</code> 模式渲染后的默认数据排序异常问题 # 1260</li>
<li>修复 展开全部节点排序失效的问题 # 1260/I73M2K</li>
<li>修复 折叠叶子节点时，图标没有变化的问题 # 1260</li>
<li>修复 节点选中状态判断异常问题 # 1260</li>
<li>优化 <code>treeTable.checkStatus()</code> 方法，可通过设置第二个参数，用于是否返回半选状态的数据 # 1260/I73JAW</li>
<li>优化 重新排序和视图内表单初始化的调用逻辑 # 1260</li>
<li>优化 节点渲染方法 # 1260</li>
</ul>
</li>
<li>
<h4>layer</h4>
<ul>
<li>修复 <code>skin:'layui-layer-lan'</code> 时，导致 <code>btnAlign</code> 属性无效的问题 # I73PD1</li>
</ul>
</li>
<li>
<h4>laydate</h4>
<ul>
<li>优化 <code>theme</code> 属性，当其为数组格式，且第一个成员为 <code>hex</code> 格式主色值，则第二个成员为辅色值 # 1265</li>
</ul>
</li>
<li>
<h4>upload</h4>
<ul>
<li>新增 <code>exts</code> 属性对于图片类型时的 <code>.svg</code> 扩展名支持</li>
</ul>
</li>
<li>
<h4>code</h4>
<ul>
<li>优化 <code>copy</code> 属性开启时, 对 <code>tools</code> 属性的初始化配置 # I72QGO</li>
<li>优化 <code>preview: 'iframe'</code> 时的 <code>&lt;iframe&gt;</code> 容器，以支持背景透明</li>
</ul>
</li>
</ul>
<h3>下载： <a href="https://gitee.com/layui/layui/attach_files/1422378/download">layui-v2.8.4.zip</a></h3>
<hr>
<h2 id="2.8.3" class="ws-anchor">
  2.8.3 
  <span class="layui-badge-rim">2023-05-15</span>
</h2>
<ul>
<li>
<h4>基础</h4>
<ul>
<li>新增 <code>layui.debounce()</code> 和 <code>layui.throttle()</code>，分别用于防抖和节流 # 1252</li>
</ul>
</li>
<li>
<h4>form</h4>
<ul>
<li>新增 <code>checkbox</code> 的标题模板支持，可在下一个兄弟元素中加上 <code>lay-checkbox</code> 绑定 # I72HSK/I6YDGT</li>
<li>修复 <code>radio</code> 经浏览器翻译成别的语言后出现的显示异常问题 # I6ZA12</li>
<li>优化 <code>checkbox</code> 的边距细节</li>
<li>优化 <code>checkbox</code> 标签风格的边框瑕疵 # I70OFE</li>
<li><strong>调整</strong> 内置校验规则，仅当非空时进行校验，避免强制携带必填(<code>required</code>)的校验规则 # I72CTI</li>
</ul>
</li>
<li>
<h4>table</h4>
<ul>
<li>新增 <code>tool,checkbox,radio</code> 事件的 <code>obj.getCol()</code> 方法，用于获取当前列的配置信息 # I72D2C</li>
<li>新增 <code>ignoreExport</code> 表头属性，用于在表格导出时对该列进行忽略 # 1252</li>
<li>修复 某些特殊情况，表格页脚出现双底线的问题 # I70BDR</li>
<li>优化 合计行内数据超过单元格长度时，无法查看全部的问题 # I6TOP8</li>
</ul>
</li>
<li>
<h4>treeTable</h4>
<ul>
<li>修复 默认的节点 icon 图标用错问题 # 1252</li>
<li>修复 <code>showIcon</code> 为 <code>false</code> 在某些操作之后出现图标的问题 # 1252</li>
<li>修复 展开全部之后再展开单个节点出现卡顿问题 # 1252</li>
<li>修复 更新节点导致的图标重复及数据未正常更新的问题 # 1252</li>
<li>修复 开启了 <code>sort</code> 属性后出现的一些异常问题 # 1252</li>
</ul>
</li>
<li>
<h4>layer</h4>
<ul>
<li>新增 <code>hideOnClose</code> 属性，用于关闭弹层时设置为隐藏，默认 <code>false</code>。须与 <code>id</code> 属性并用 # I72L74</li>
<li>修复 <code>layer.min(index)</code> 方法与最小化按钮事件效果不一致的问题 # I6ZD3R</li>
<li>优化 基础配置信息的记录，统一记录在 layer 容器的 <code>.data('config')</code> 中</li>
<li>优化 当弹层设置 <code>id</code> 并最小化后，再次点击事件时，重新还原弹层 # I5N0QP</li>
</ul>
</li>
<li>
<h4>laydate</h4>
<ul>
<li>修复 点击限制范围外的标注日期仍然可点的问题，# I71D9C</li>
</ul>
</li>
</ul>
<h3>下载： <a href="https://gitee.com/layui/layui/attach_files/1408565/download">layui-v2.8.3.zip</a></h3>
<hr>
<h2 id="2.8.2" class="ws-anchor">
  2.8.2 
  <span class="layui-badge-rim">2023-05-04</span>
</h2>
<ul>
<li>
<h4>table</h4>
<ul>
<li>修复 <code>autoSort: true</code> 时，更改 <code>table.cache</code> 未同步到 <code>data</code> 属性的问题 # 1247</li>
<li>修复 多级表头存在 <code>hide</code> 表头属性时，执行完整重载可能出现的错位问题 # 1247/I6WX8Y</li>
<li>修复 未开启 <code>page</code> 属性时底边框缺失问题 # 1228</li>
<li>优化 打印内容中包含过大图片时的显示问题</li>
</ul>
</li>
<li>
<h4>treeTable</h4>
<ul>
<li>修复 <code>checkbox,radio</code> 事件导致 table 组件不必要的异常提示问题 # I6Z5W5</li>
<li>修复 执行重载并携带 <code>parseData</code> 和 <code>done</code> 属性导致的渲染异常问题 # 1247</li>
<li>修复 <code>treeTable.updateNode()</code> 方法执行无效的问题 # 1247</li>
<li>修复 <code>treeTable.expandAll()</code> 方法隐藏所有节点导致统计栏消失的问题 # 1247</li>
<li>修复 单元格事件中执行 <code>obj.update()</code> 方法导致树节点特征丢失的问题 # 1247/I6ZW2R</li>
<li>优化 <code>treeTable expandAll()</code> 方法，支持展开所有节点 # 1247</li>
<li>优化 内部代码的若干细节 # 1247</li>
<li><strong>调整</strong> <code>customName.rootId</code> 属性为 <code>data.rootPid</code></li>
</ul>
</li>
<li>
<h4>layer</h4>
<ul>
<li>修复 <code>tab</code> 层的样式异常问题 # I6YS0F</li>
</ul>
</li>
<li>
<h4>form</h4>
<ul>
<li>优化 <code>checkbox</code> 半选状态的样式 # I6YXVV</li>
</ul>
</li>
<li>
<h4>laydate</h4>
<ul>
<li>优化 <code>shortcuts</code> 属性机制，当点击快捷选项时自动确认 #I6YQU6</li>
</ul>
</li>
<li>
<h4>menu</h4>
<ul>
<li>优化 菜单项样式，以解决当点击菜单边缘时，未点击到 <code>&lt;a&gt;</code> 标签的问题</li>
</ul>
</li>
<li>
<h4>transfer</h4>
<ul>
<li>优化 <code>value</code> 属性，按其顺序渲染初始值列表 # 1235</li>
</ul>
</li>
<li>
<h4>icon</h4>
<ul>
<li>更新 <code>Edge</code> 图标</li>
</ul>
</li>
<li>
<h4>code</h4>
<ul>
<li>新增 <code>copy</code> 属性，用于开启代码复制功能图标</li>
<li>新增 <code>onCopy</code> 回调函数，用于自定义复制事件，而不触发内置的复制操作</li>
<li><strong>调整</strong> <code>encode</code> 属性，默认 <code>true</code>，即开启对 code 的编码，且预览时强制开启</li>
</ul>
</li>
</ul>
<h3>下载： <a href="https://gitee.com/layui/layui/attach_files/1396155/download">layui-v2.8.2.zip</a></h3>
<hr>
<h2 id="2.8.1" class="ws-anchor">
  2.8.1 
  <span class="layui-badge-rim">2023-04-25</span>
</h2>
<ul>
<li>修复 <code>table.reloadData()</code> 未支持 <code>page</code> 属性的问题</li>
<li>修复 <code>treeTable</code> 点击排序后导致树形结构功能异常的问题 # 1232/I6YGU6</li>
<li>修复 <code>layer</code> 的 win10 风格并开启 <code>icon</code> 属性时信息框显示异常问题</li>
<li>优化 <code>switch</code> 在选中前后的尺寸差异 # I6YJO4</li>
<li>优化 <code>colorpicker</code> 点击颜色滑块时跳动到顶部的问题</li>
</ul>
<h3>下载： <a href="https://gitee.com/layui/layui/attach_files/1387965/download">layui-v2.8.1.zip</a></h3>
<hr>
<h2 id="2.8.0" lay-toc="{title: '2.8.0', hot: true}">
  2.8.0 
  <span class="layui-badge-rim">2023-04-24</span>
</h2>
<p>从 <code>2.8.0-beta.1</code> 到 <code>rc.16</code>，经二十个预览版的持续迭代，Layui 终于迎来了：<code>2.8.0</code> 正式版。
<br>同时，新域名下的 <a href="../../index.html">新文档站</a> 也正式上线（导读：<a href="https://layui.dev/docs/2.8/@note/2.8/news.html">Layui 新版文档站上线初衷</a>），新版文档亦开源在 <a href="https://github.com/layui/layui/tree/main/docs">Github</a> 以供协同维护。</p>
<p>正是开发者们依然坚持的热爱，促使了 <code>Layui</code> 这一朴实的归来。</p>
<ul>
<li>
<h4>基础</h4>
<ul>
<li>优化 css 的构建，将原先 layer/laydate/code 的 css 统一构建到 <code>layui.css</code>，以尽量减少请求</li>
<li>变更<em class="layui-text-em">主色调</em>为：<code>#16baaa</code> <i style="display:inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 3px; margin-right: 16px; border-radius: 2px; background-color: #16baaa;"></i><em class="layui-text-em">在原有的墨绿基础上赋予了清新</em></li>
<li>新增 <code>18</code> 个字体图标</li>
<li>新增 grid 布局的超大屏 <code>xl</code> 响应式支持</li>
<li>调整 <code>layui.event()</code> 方法，当组件事件中未设定 <code>filter</code> 时则可重复执行该事件 # 1135</li>
<li><s>剔除 layer 等部分组件的图片资源</s>，全部采用字体图标和纯 css 替代实现</li>
<li><s>剔除 layedit 内置组件</s>，详见：<a href="https://gitee.com/layui/layui/issues/I5JSE3">关于将在 v2.8.0 版本中正式剔除 layedit 组件的公告</a></li>
<li>lay: 优化 <code>lay.options()</code> 方法，以提供更直观的异常提示</li>
</ul>
</li>
<li>
<h4>layer</h4>
<ul>
<li>新增 <code>anim</code> 属性的四个弹出方向的动画类，可实现边缘抽屉弹出，同时关闭时自动匹配对应的动画</li>
<li>新增 <code>skin</code> 属性可选值 <code>layui-layer-win10</code> ，可设置为 Windows 10 主题风格</li>
<li>新增 <code>success</code> 等回调的第三个参数：即当前弹层实例对象，以便操作内部方法</li>
<li>新增 <code>photos</code> 层的私有属性 <code>hideFooter</code>，用于控制是否隐藏图片底部栏</li>
<li>新增 <code>photos</code> 层底部栏的「查看原图」功能</li>
<li>新增 <code>photos</code> 层对 <code>lay-src</code> 属性的支持</li>
<li>新增 <code>prompt</code> 层的 <code>placeholder</code> 属性 # 1136</li>
<li>新增 <code>removeFocus</code> 属性，用于是否移除弹层触发元素的焦点，避免按回车键时重复弹出 # 1143</li>
<li>新增 <code>layer.closeLast(type)</code> 方法，用于根据弹层类型关闭最近打开的层 # I66WI2</li>
<li>优化 document 相关事件机制，避免全局事件叠加，以及大量弹出时可能存在的内存溢出</li>
<li>优化 window resize 事件机制，避免事件不断叠加 # I38C2O</li>
<li>优化 所有图标, 由原来的图片改为纯 css 和字体图标</li>
<li>优化 创建弹层的初始化逻辑，以兼容 tampermonkey 等特殊应用场景</li>
<li>优化 内部按钮标签，避免页面设置 <code>&lt;base target=&quot;_blank&quot;&gt;</code> 时，点击按钮导致的打开新页面 # 830</li>
<li>修复 多次调用<code> min/max</code> 方法后再执行 <code>restore</code> 出现的异常问题 # 1135/I5QP66</li>
<li>修复 最大化后再调整窗口大小出现的异常问题 # 1135/I5ROMW</li>
<li>修复 最大/小后若浏览器窗口尺寸变化，再恢复状态后可能出现的不居中或大小异常问题 # 1135</li>
<li>修复 最小化后再恢复后执行窗口 resize 时弹层的位置异常问题 # 1135</li>
<li>修复 鼠标右键点击弹层可以区域时导致的弹层位置大小异常的问题 # 1143</li>
<li>调整 <code>prompt</code> 层的确认回调，支持输入空值 # 1143/I5UO7N</li>
<li>调整 除 <code>msg/load/tips</code> 层之外的弹出触发时的焦点，默认移除触发元素失去焦点 # 1143</li>
</ul>
</li>
<li>
<h4>table</h4>
<ul>
<li>新增 <code>cellMaxWidth</code> 属性和表头 <code>maxWidth</code> 属性，以设定列的最大宽度</li>
<li>新增 <code>colResized</code> 列拖拽宽度后的事件，并返回当前列的相关信息 # I3URH8/I3QDBI</li>
<li>新增 <code>colToggled</code> 列筛选（显示或隐藏）后的事件，并返回当前列的相关信息 # I3URH8</li>
<li>新增 返回数据中的 data 成员为非对象时的渲染支持，如 <code>data: [&quot;a&quot;,&quot;b&quot;,&quot;c&quot;]</code></li>
<li>新增 <code>maxHeight</code> 属性，用于定义表格的最大高度 # 1135/I5R6F6</li>
<li>新增 <code>fieldTitle</code> 表头属性，用于定义表头字段标题，该属性在筛选列和导出场景中优先级高于 <code>title</code> 属性 # 1170</li>
<li>新增 <code>table.setRowChecked(id, opts)</code> 方法，用于设置行选中状态 # I6CRL7</li>
<li>新增 <code>table.getOptions(id)</code> 方法，用于获取指定 id 对应的表格实例配置项 # 1135</li>
<li>新增 <code>table.hideCol(id, cols)</code> 方法，用于外部设置列的显示隐藏 # 1135/I5RUAJ</li>
<li>新增 <code>rowContextmenu</code> 事件，用于显示行的右键菜单，需设置属性 <code>defaultContextmenu:false</code> 才生效 # 1188</li>
<li>新增 事件返回的 <code>obj.setRowChecked(opts)</code> 方法，用于设置当前行选中状态</li>
<li>加强 <code>height</code> 属性，可设置对父元素的高度自适应，如：<code>height: '#父元素id-差值'</code> # 1111</li>
<li>修复 多级表头模式下的头部工具栏的筛选在重载并还原勾选后，表格存在错位问题 # 1107 # I5L0B4</li>
<li>修复 <code>size: 'sm'</code> 时，设置 <code>align: 'center'</code> 单元格内容未完全居中的问题 # 1107</li>
<li>修复 document 全局事件中对当前实例引用错误的问题 # 1107</li>
<li>修复 表头 <code>title</code> 属性存在 html 标签时，头工具栏筛选栏列表中存在的异常问题 # 1107</li>
<li>修复 <code>width</code> 属性小于 <code>minWidth</code> 时，通过拖拽列调整宽度却以 <code>minWidth</code> 为起点宽度的问题 # 1107</li>
<li>修复 当开启 <code>even:true</code> 后，多行表头也会跟着变色的问题 # 1113</li>
<li>修复 头工具栏筛选下拉面板被下方表格遮挡的问题，并重新优化了表格内部层级关系 # 763</li>
<li>修复 列宽值为百分比时，其分配的宽度超出最大和最小宽度的异常问题 # 1128 I5LM4S</li>
<li>修复 转换静态表格时，若为特殊的多级表头且存在初始主体数据时出现的错列问题 # 1135/I5QAZM</li>
<li>修复 <code>table.exportFile()</code> 方法导出任意数据时的某些异常问题 # 1135/I5S17X</li>
<li>修复 统计行在重载后可能出现滚动条补丁丢失，并导致跟主体对应不上的问题 # 1150</li>
<li>修复 多级表头操作筛选列后可能出现的固定列高度异常问题 # 1170/I60WQ4</li>
<li>修复 <code>edit</code> 事件中返回的 <code>obj.data</code> 中的对应字段未同步更新值的问题 # I6A6SL</li>
<li>修复 点击排序后导致 <code>scrollPos:'fixed'</code> 失效的问题 # I68MBC</li>
<li>修复 设置 <code>align: 'center'</code> 表头属性时，打印时的合计行未能跟随居中的问题</li>
<li>修复 <code>table.resize()</code> 方法导致的在无数据或请求异常时的右侧固定列显示异常问题 # I6F72U</li>
<li>优化 事件的回调参数，可返回当前实例配置项：<code>config</code></li>
<li>优化 <code>edit</code> 事件的核心逻辑，新增返回 <code>obj.reedit()</code> 方法，可实现编辑内容校验不通过时重新显示编辑</li>
<li>优化 <code>edit</code> 事件的返回参数，新增返回 <code>obj.oldValue</code> 属性，用于获取字段修改前的旧值： #1107</li>
<li>优化 <code>edit</code> 事件的返回参数，新增返回 <code>obj.getCol()</code> 方法，用于获取当前列表头配置信息</li>
<li>优化 <code>edit</code> 开启后的对应单元格在鼠标 hover 时显示可编辑样式</li>
<li>优化 <code>radio</code> 事件，当返回数据中存在 <code>LAY_DISABLED</code> 状态时不触发</li>
<li>优化 <code>templet</code> 表头属性函数时返回的数据可包含 <code>LAY_COL</code> 特定字段</li>
<li>优化 复杂表头细节，避免当组合表头的父级表头内容过长引起的错位问题 #1107</li>
<li>优化 表头内容超长时可通过鼠标 hover 显示其完整内容 #1107</li>
<li>优化 无数据时若列超出最大宽度，也显示横向滚动条，以便能查看到所有表头字段 #1110</li>
<li>优化 过滤器,若目标元素未设 <code>lay-filter</code> 属性值，则自动取实例 <code>id</code> 值，以减少冗余的属性设置</li>
<li>优化 导出文件功能，避免内容中存在某些特殊符导致的 excel/csv 表格错位，及避免内容被强制转换格式</li>
<li>优化 内部模板标签符，避免 laytpl 全局设置的影响</li>
<li>优化 UI 细节，以便整体视觉更为清爽。</li>
<li><strong>调整</strong> <code>page,limit</code> 属性，当 <code>page</code> 未开启时，则默认不再向后端传递这两个参数 # I6G5BO</li>
<li><strong>调整</strong> 特定字段名称。序号: <code>LAY_INDEX</code> → <code>LAY_NUM</code>；下标: <code>LAY_TABLE_INDEX</code> → <code>LAY_INDEX</code></li>
</ul>
</li>
<li>
<h4>treeTable <sup>new</sup></h4>
<ul>
<li>新增「树形表格」组件。可视为 table 组件的树形结构的延伸</li>
<li>详细用法可参考文档（/docs/treeTable/）</li>
</ul>
</li>
<li>
<h4>form</h4>
<ul>
<li>新增 输入框的动静态点缀，可在前后缀添加图标等任意内容。其中动态点缀内置：清空、密码显隐功能</li>
<li>优化 <code>form.render()</code> 方法，若参数一传入的 jQuery 对象指向表单域容器，则渲染该表单域中的所有表单项</li>
<li>优化 <code>select</code> 选中时的样式</li>
<li>优化 <code>select</code> 开启搜索时，在清空搜索框文本后重置选中项（而非保留上次选中的值）</li>
<li>优化 <code>checkbox、radio</code> 对 <code>title</code> 属性值为 HTML 内容的转义</li>
<li>优化 <code>checkbox</code> 的内置风格，以支持半选效果  # 1224</li>
<li>优化 <code>radio</code> 的 <code>checked</code> 机制，可通过 <code>form.val()</code> 方法取消单选框的选中 # 1224</li>
<li>修复 <code>select</code> 子元素中以 <code>&lt;optgroup&gt;</code> 标签开头出现的异常问题 # I5MV17</li>
<li><strong>调整</strong> <code>checkbox</code> 的 <code>lay-skin</code> 属性默认为原始风格，标签风格值为 <code>tag</code></li>
<li><strong>调整</strong> <code>checkbox</code> 的私有属性 <code>lay-text</code>，采用统一的 <code>title</code> 属性替代</li>
</ul>
</li>
<li>
<h4>laydate</h4>
<ul>
<li>新增 <code>shortcuts</code> 属性，用于开启面板左侧的快捷选择功能 # 1135</li>
<li>新增 <code>fullPanel</code> 属性，当 <code>datetime</code> 类型且非 range 模式，可开启日期和时间在同一面板操作 #1128</li>
<li>新增 <code>theme</code> 属性的多主题支持</li>
<li>新增 <code>circle</code> 圆圈高亮的内置主题</li>
<li>新增 <code>autoConfirm</code> 属性，用于开启选中目标值时即自动确认（默认 true） # 1138/I5T3GW</li>
<li>新增 <code>shade</code> 属性，用于开启弹出日期面板时的遮罩，其用法同 layer 的 shade 参数 # 1149</li>
<li>新增 <code>rangeLinked</code> 属性，用于是否开启日期范围选择时的区间联动标注模式，默认不开启 # 1172</li>
<li>新增 对目标元素重新 render 覆盖的支持 #1128</li>
<li>新增 对目标元素上的 <code>lay-options</code> 属性识别，可覆盖 render 方法中的 options # 1128</li>
<li>新增 <code>laydate.getInst()</code> 方法，可返回指定 <code>id</code> 或绑定节点上的 <code>lay-key</code> 属性值对应的实例 # 1128</li>
<li>新增 <code>laydate.unbind()</code> 方法，可对目标元素解除当前实例的绑定 # 1128</li>
<li>新增 <code>onConfirm/onNow/onClear</code> 三个属性，分别用于确认、现在、清空三个事件的回调 # I65ZQ6</li>
<li>修复 当设置 <code>min/max</code> 后，年和月列表面板中对应的最小/大的年月值无法选中的问题 # 1128 I442FW</li>
<li>修复 当前日期未在 <code>min/max</code> 设定的范围内，仍能点击现在按钮的问题 # 573</li>
<li>修复 当开启 <code>range</code> 属性，并在浏览器缩放后面板出现换行的问题 # 1156</li>
</ul>
</li>
<li>
<h4>colorpicker</h4>
<ul>
<li>新增 <code>cancel</code> 和 <code>close</code> 回调，分别用于在取消选择和面板关闭后触发 # I3SJC7</li>
<li>优化 事件处理机制，避免 document 的事件重复绑定</li>
<li>优化 组件选择块的尺寸(lg/md/sm/xs)，以更好地应用于其他组件内(如 table)</li>
<li>修复 rgba 值在 input 框中修改时会自动变成 16 进制的问题  # I5QPZZ</li>
</ul>
</li>
<li>
<h4>dropdown</h4>
<ul>
<li>新增 <code>clickScope</code> 属性，用于设置触发点击事件的菜单范围(如 <code>all</code> 即代表父子菜单均可触发事件) # 3NRJD</li>
<li>新增 <code>shade</code> 属性，用于开启弹出面板时的遮罩</li>
<li>新增 <code>data</code> 中 <code>disabled</code> 属性的支持，以禁用某一菜单项 # I6GSCD</li>
<li>新增 对绑定元素的 <code>lay-options</code> 属性识别，可与渲染方法的 <code>options</code> 属性合并</li>
<li>新增 <code>dropdown.reloadData(id, options)</code> 方法，用于仅重载数据或内容 # 1224</li>
<li>新增 <code>dropdown.close(id)</code> 方法，用于关闭对应的实例面板 # 1138</li>
<li>优化 <code>templet</code> 属性，支持函数写法</li>
<li>优化 <code>click</code> 回调函数，当其返回 <code>return false</code> 时，点击选项可不关闭面板 # I6DUMY</li>
<li>优化 过滤器,若目标元素未设 <code>lay-filter</code> 属性值，则自动取实例 <code>id</code> 值，以减少冗余的属性设置</li>
<li>修正 搜索框所在 input 元素的 type 值 # 1168</li>
<li>修复 在移动设备下，点击其他元素无法关闭面板的问题 # 1189</li>
<li>修复 <code>show: true</code> 时，<code>ready</code> 回调未执行的问题</li>
</ul>
</li>
<li>
<h4>element</h4>
<ul>
<li>新增 nav 导航菜单浅色背景主题</li>
<li>优化 nav 导航当前选中菜单样式</li>
<li>修复 <code>element.progress()</code> 方法不支持更新分数值的问题 #622</li>
</ul>
</li>
<li>
<h4>upload</h4>
<ul>
<li>调整 表单域 file 字段的顺序，以适应阿里云/腾讯云中的对象存储上传规则 # 1147</li>
<li>修复 多上传设置文件大小限制时，删除超出大小的文件仍然校验不通过的问题 # I6LR5O</li>
</ul>
</li>
<li>
<h4>carousel</h4>
<ul>
<li>新增 <code>goto</code> 方法，用于轮播跳转。可通过 <code>var inst = carousel.render()</code> 的实例获取 # 1128 I5LIWJ</li>
<li>新增 对绑定元素的 <code>lay-options</code> 属性识别，可与渲染方法的 <code>options</code> 属性合并</li>
<li>优化 <code>elem</code> 属性，可传入 <code>class</code> 选择器同时绑定多个实例</li>
</ul>
</li>
<li>
<h4>tree</h4>
<ul>
<li>修复 <code>id</code> 属性为长数字时的初始选中状态在某些情况存在异常的问题 #1115</li>
</ul>
</li>
<li>
<h4>slider</h4>
<ul>
<li>新增 <code>done</code> 属性，用于值完成选中时触发的回调，与 change 不同的是滑块拖动过程中不会触发 # I3PZBT</li>
<li>新增 对绑定元素的 <code>lay-options</code> 属性识别，可与渲染方法的 <code>options</code> 属性合并</li>
<li>优化 <code>elem</code> 属性，可传入 <code>class</code> 选择器同时绑定多个实例</li>
<li>修复 <code>min</code> 非 0 时调用 setValue 设置值结果异常的问题 # 1174/I6446N</li>
</ul>
</li>
<li>
<h4>rate</h4>
<ul>
<li>新增 对绑定元素的 <code>lay-options</code> 属性识别，可与渲染方法的 <code>options</code> 属性合并</li>
<li>优化 <code>elem</code> 属性，可传入 <code>class</code> 选择器同时绑定多个实例</li>
<li>优化 部分代码存在的冗余逻辑 # 1169</li>
</ul>
</li>
<li>
<h4>code</h4>
<ul>
<li>新增 <code>preview</code> 属性，用于开启 Code 预览功能</li>
<li>新增 <code>style/previewStyle/codeStyle</code> 属性，用于设 Code 区域、预览区域的样式</li>
<li>新增 <code>text</code> 属性，用于自定义默认文本</li>
<li>新增 <code>header</code> 属性，用于是否开启 Code 区域的头部栏</li>
<li>新增 <code>layout</code> 属性，用于设定开启预览时的标签排列方式</li>
<li>新增 <code>tools</code> 属性，用于开启头部右侧区域工具栏（内置：全屏）</li>
<li>新增 <code>toolsEvent</code> 属性，用于自定义工具栏事件</li>
<li>新增 <code>id</code> 属性，设置实例的唯一索引，以便用于其他操作</li>
<li>新增 <code>className</code> 属性，追加实例面板的 className，以便对其自定义样式</li>
<li>新增 <code>done</code> 属性，即执行 Code 预览后的回调函数</li>
</ul>
</li>
<li>
<h4>laytpl</h4>
<ul>
<li>新增 模板局部自定义标签符功能，可在 <code>laytpl(str, options)</code> 的第二个参数中设置</li>
</ul>
</li>
<li>
<h4>util</h4>
<ul>
<li>重构 <code>util.fixbar</code> 组件
<ul>
<li>新增 <code>bars</code> 属性，用于定义任意数量的 bar 列表信息</li>
<li>新增 <code>default</code> 属性，用于是否显示默认的 bar 列表</li>
<li>新增 <code>target</code> 属性，用于定义插入 fixbar 节点的目标元素选择器(默认 body)</li>
<li>新增 <code>scroll</code> 属性，用于设定 fixbar 最外层容器滚动条所在的元素，若不设置则取 target</li>
<li>新增 <code>duration</code> 属性，用于设定 top bar 等动画时长</li>
<li>新增 <code>on</code> 属性，用于定义列表的任意事件</li>
<li><strong>调整</strong> <code>showHeight</code> 属性名称为 <code>margin</code></li>
</ul>
</li>
<li>新增 <code>util.openWin(options)</code> 方法，用于打开浏览器新标签页</li>
</ul>
</li>
</ul>
<h3>下载： <a href="https://gitee.com/layui/layui/attach_files/1385823/download">layui-v2.8.0.zip</a></h3>
<hr>
<p>历史：<a href="https://gitee.com/layui/layui/issues/I6FHNK">2.8.0 预览版更新日志</a></p>
<hr>
<h2 id="2.7.x" lay-toc="{href: '/2.7/docs/base/changelog.html'}">2.7.x</h2>
<p><a href="../../2.7/docs/base/changelog.html">前往查看</a> <code>2.7.x</code> 及更早前版本更新日志</p>

    </div>
    <div class="ws-text-tools">
      
      <a href="https://github.com/layui/layui/edit/2.x/docs/versions.md" rel="nofollow" target="_blank" title="在 Github 上编辑此文档">
        <i class="layui-icon layui-icon-edit"></i>
      </a>
      
    </div>
  </div>
</div>
<div class="ws-menu-bar layui-bg-green layui-hide">
  <i class="layui-icon layui-icon-spread-left"></i>
</div>
  
<div class="layui-footer ws-footer">
  <p>
    Copyright &copy; 2023 <a href="../../index.html">Layui</a> MIT Licensed</p>
  <p id="LAY-footer-info">
    <a href="https://gitee.com/layui/layui/blob/main/DISCLAIMER.md" rel="nofollow" target="_blank">免责声明</a> 
    <a href="https://github.com/layui/layui/blob/main/LICENSE" rel="nofollow" target="_blank">开源协议</a>
    <a href="https://gitee.com/layui/" target="_blank">开源生态</a>
    <a href="https://codepen.io/layui/pen/bGxZXrd" rel="nofollow" target="_blank">在线测试</a>
    <a href="https://gitee.com/layui/layui/issues" rel="nofollow" target="_blank">社区交流</a>
  </p>
  <p>
    <span>
      鸣谢：
      <a href="https://www.upyun.com/?invite=SJ0wu6g2-&referer=layui" target="_blank" sponsor="upyun" style="color: #23A7E8;">
        <strong>又拍云</strong>
      </a>
      <a href="https://gitee.com/?referer=layui" target="_blank" sponsor="Gitee" style="color:#C71D23;">
        <strong>Gitee</strong>
      </a>
      <a href="https://www.iconfont.cn/?referer=layui" target="_blank" sponsor="Gitee" style="color: #9B16FF;">
        <strong>iconfont</strong>
      </a>
    </span>
  </p>
</div>
<div class="ws-shade"></div>
 
<script src="/public/layui/v/2.8.6/layui.js"></script>
<script>
layui.config({
  base: '//res.sentcss.com/static/dist/docs/2.8/modules/',
  version: '16',
  res: '//res.sentcss.com/static/dist/docs/',
  curl: ''
}).use('global',function(w){w.a||w.r&&w.r()});
</script>
 
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?363b2abe8678eec8a6850500ea63a63b";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</body>
</html>